<template>
  <div class="box">
    <el-row :gutter="24" >
      <el-col :span="24">
        <el-card shadow="hover">
          <div>
            <span class="span">3方式任选、免费、付费、任意学 </span>
            <i>3小时前</i>
          </div>
          <em>技师是你手机相册中的、无任务教学的纯作品视频、放到练习室也能描边”教程”、免费学会！ </em>
          <el-button type="success">查看方式</el-button>

        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "index",
});
</script>

<script setup lang="ts">

</script>

<style scoped>

.box{
  padding: 20px;
  background-color: pink;
}
.el-card{
  margin: 5px;
}

.span{
  display: flex;
  justify-content: left;
}
 i {
  display: flex;
  justify-content: right;
}
em{
  display: flex;
  justify-content: left;
  margin-bottom: 50px;
}
</style>
